<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--内容居中-->
<style>
    .d{border: 1px lightgray solid;margin: 10px;}
</style>

<div class="d" align="center">通过设置属性align="center" 居中的内容</div>
<div class="d" style="text-align: center">
    通过样式style="text-align:center" 居中的内容</div>

<!--元素居中-->
<style>
    .d1{
        width: 800px;
        border: lightgray 1px solid;
        margin: 0 auto;
    }
    span{
        width: 200px;
        border: blue 1px solid;
        margin: 0 auto;
    }
</style>

<div class="d1">设置本div的宽度，然后再使用样式 margin: 0 auto来使得元素居中</div>
<span>span 是内联元素，无法设置宽度，所以不能通过margin:0 auto居中</span>
<div align="center" class="d1">
    <span>span 是内联元素，无法设置宽度，所以不能通过margin:0 auto居中</span>
</div>
</body>
</html>